<template>
	<my-input
      v-model="value"
  />
</template>

<script>
import MyInput from '@/components/my-input.vue';

export default {
  components: {
    /*

        v-model="value"
        size="mini"
        @blur="onBlur"
        @change="onChange"
        @input="onInput"

    	v-model: 双向绑定 40'
    	size: 'large' | 'small' | 'mini' 15'
    	blur: 失去焦点事件 15'
    	change: 参考element-ui的change事件 15'
    	input: 原生事件 但是参数不同 15'
    	代码规范: 缩进 5' 命名 5'
    */
    MyInput,
  },
  data () {
    return {
      value: '123',
    };
  },
  methods: {
    onBlur (value) {
      console.log(value);
    },
    onChange (value) {
      console.log(value);
    },
    onInput (value) {
      console.log(value);
    },
  },
}
</script>